//引入api
import { reqGoodsInfo, reqAddOrUpdateShopCart } from "@/api";
//封装游客身份模块UUID——>生成一个随机字符串（生成之后不能再变化）
import { getUUID } from '@/utils/uuid_token'
const state = {
    //这里data返回的是一个对象，所以应该写成空对象
    goodInfo: {},
    //游客临时身份
    uuid_token: getUUID()
}
const mutations = {
    GETGOODINFO(state, goodInfo) {
        state.goodInfo = goodInfo;
    }
};
const actions = {
    //获取产品信息的action
    async getGoodInfo({ commit }, skuId) {
        //当用户dispatch的时候派发得到的ID要带过去
        let result5 = await reqGoodsInfo(skuId);
        if (result5.code == "200") { //表示请求成功
            commit("GETGOODINFO", result5.data);
        }
    },
    //将产品添加到购物车中
    async addOrUpdateShopCart({ commit }, { skuId, skuNum }) {
        //加入购物车返回的解构数据skuId、skuNum。
        //加入购物车后（发请求后），前台将参数带给服务器，服务器写入数据成功，并未返回其他的数据，只返回了code=200，代表这次操作成功
        //因服务器未返回其余数据，所以不需要三连环存储数据。
        //注：async函数执行返回的结果一定是一个promise【要么成功，要么失败】
        let result6 = await reqAddOrUpdateShopCart(skuId, skuNum);
        //当前这个函数执行返回Promise
        //当code返回200时为成功
        if (result6.code == 200) {
            return "ok";
        } else {
            //返回失败时
            return Promise.reject(new Error('faile'));
        }
        // console.log(result6);
    }
};

//简化数据而生
const getters = {
    //路径导航数据的简化
    categoryView(state) {
        //例：state.goodInfo初始状态下是空对象，空对象的categoryView属性值是undefined，所以应该提前多声明一个空对象。
        //当前计算出的categoryView属性值至少是一个空对象，加上一个{},这样假的报错不会有了。
        return state.goodInfo.categoryView || {};
    },
    //产品信息数据的简化
    skuInfo(state) {
        return state.goodInfo.skuInfo || {};
    },
    //产品售卖属性的简化
    spuSaleAttrList(state) {
        return state.goodInfo.spuSaleAttrList || [];
    }
};

export default {
    state,
    mutations,
    actions,
    getters
}